// 各盒子圆角
.radius {
  border-radius: 10rpx;
  overflow: hidden;
}

.index {
  background-color: #f2f2f2;
  // height: 100%;
  // width: 100%;
  padding-bottom: 20rpx;
  box-sizing: border-box;

  // 首页图
  .head {
    width: 100%;
    height: 200rpx;
    background-color: white;
    background: url(../../static/index/head_bj.png)no-repeat center/100% 100%;
    position: relative;

    .head_logo {
      position: absolute;
      top: 46rpx;
      left: 84rpx;
      width: 404rpx;
      height: 71rpx;
      background-image: url(../../static/index/logo2.png);
      background-size: 100% 100%;
    }

  }

  .contents {
    padding: 0 20rpx;
    box-sizing: border-box;
    padding-bottom: 20rpx;
    position: relative;
    width: 100%;

    // 个人信息
    .PersonalInfo {
      width: 100%;
      height: 200rpx;
      background: white;
      // border: 2rpx solid #c4c4c4;
      position: relative;
      top: -35rpx;
      display: flex;
      justify-content: space-between;
      padding: 26rpx;
      box-sizing: border-box;

      .nut-col {
        width: 60%;
        font-size: 30rpx;
      }

      .nut-col-gutter:first-child {
        width: 30%;
      }

      .nut-col-gutter:last-child {
        width: 10%;
        height: 100%;
      }

      .info_left {
        width: 100%;
        height: 100%;
        // background: wheat;
        display: flex;
        flex-direction: column;
        align-items: center;

        .info_name {
          font-size: 38rpx;
          margin-bottom: 20rpx;
          font-weight: bold;
        }

        .info_mark {
          text {
            font-size: 35rpx;
            background: #69c03d;
            display: inline-block;
            border-radius: 40rpx;
            color: white;
            padding: 14rpx 34rpx;
          }
        }
      }

      .info_center {
        width: 100%;
        height: 100%;

        // background: red;
        view {
          line-height: 47rpx;
        }
      }

      .info_right {
        width: 100%;
        height: 100%;

        // background: gold;
        .info_icon {
          margin-top: 20rpx;
        }
      }
    }

    // 通知栏
    .Notification_box {
      display: flex;
      align-items: center;
      position: relative;
      top: -10px;
      // width: 100%;

      .Notification {
        width: 93%;
        margin-left: 9rpx;

        .nut-noticebar-page {
          padding: 0;
          height: 60rpx;
          font-size: 26rpx;

          .content {
            background: none;
          }

          .wrap {
            background: #f3e1e4;
            border-radius: 12rpx;
            color: #e96473;
            height: 50rpx;
            line-height: 50rpx;
            font-size: 28rpx;
          }

          .left-icon {
            margin: 0px 4px;
            height: 49rpx;
            display: none;
          }
        }
      }
    }

    // 办理状态
    .state {
      width: 100%;
      height: 150rpx;
      background-color: white;
      display: flex;
      justify-content: space-around;
      font-size: 32rpx;
      text-align: center;
      align-items: center;
      font-family: "微软雅黑";
      margin-bottom: 20rpx;
    }

    .p2 {
      font-size: 28rpx;
      font-family: "微软雅黑";
    }

    // grid九宫格
    // .nut-grid-item__content {
    //   border: none;
    //   padding: 20rpx 0rpx;

    //   .nut-icon__img {
    //     border-radius: 50%;
    //     width: 100rpx !important;
    //     height: 100rpx !important;
    //   }

    //   .nut-grid-item__text {
    //     font-size: 28rpx;
    //     margin: 3px 0 0 0;
    //     color: #000;
    //     font-family: "微软雅黑";
    //   }
    // }
    // .nut-grid--border {
    //   border-top-width: 1px;
    //   border-left-width: 0px;
    //   overflow: hidden;
    //   border-radius: 10rpx;
    // }
    // 办理卡片
    .liyuan_box {
      .nut-row {
        overflow: hidden;
        background: white;
        padding: 30rpx 20rpx;
        box-sizing: border-box;
        padding-bottom: 10rpx;
      }

      .liyuan_title {
        background-color: white;
        width: 100%;
        height: 80rpx;
        margin-bottom: 3rpx;
        line-height: 80rpx;
        text-indent: 30rpx;
      }

      .liyuan_card {
        padding-bottom: 30rpx;
        background: white;
      }

      .card {
        display: flex;

        .info_icon {
          display: flex;
          align-items: center;
          margin-right: 20rpx;
        }
      }

      .flex-content {
        .xuxian {
          width: 90%;
          height: 2rpx;
          background: #f2f2f2;
          margin: 0rpx auto;
          margin-bottom: 30rpx;
        }
      }

      .nut-card {
        align-items: center;
      }

      .nut-card .nut-card__right .nut-card__right__other {
        display: none;
      }

      .nut-card .nut-card__left {
        width: 116rpx;
        height: 116rpx;
      }

      .nut-card .nut-card__left>.h5-img {
        width: 116rpx;
        height: 116rpx;
        border-radius: 50%;
      }

      .nut-card .nut-card__right .nut-card__right__title {
        font-size: 34rpx;
        font-weight: bold;
      }
    }

    //重要通知
    .title_Notice {
      font-weight: bold;
      margin: 25rpx;
    }

    // 校园资讯
    .school_message {
      background-color: white;
      display: flex;
      padding: 20rpx;
      align-items: center;
      box-sizing: border-box;
      margin-top: 20rpx;
      overflow: hidden;
      position: relative;

      .message_title {
        height: 100%;
        width: 20%;
        background: white;
        text-align: center;
        font-size: 31rpx;
        font-weight: 600;

        .p2 {
          background-color: #0072ff;
          color: white;
          border-radius: 10%;
          display: inline-block;
          width: 85rpx;
        }

        .p22 {
          font-size: 31rpx;
        }
      }

      .message_img {
        height: 100%;
        width: 5%;
        background: aliceblue;
      }

      .message_txt {
        height: 100%;
        width: 75%;
        background: white;
        margin-left: 20rpx;
        color: #666;


        .btn {
          font-size: 28rpx;
          line-height: 50rpx;
          // overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-family: "微软雅黑";
          color: #000;

          .d {
            color: #1989fa;
            margin-right: 10rpx;
          }
        }

        .more {
          position: absolute;
          right: 7px;
          top: 4px;
          font-size: 26rpx;
          color: #666;
        }
      }
    }

    .van-notice-bar {
      height: 30rpx;
    }

    .van-notice-bar__wrap {
      font-size: 12rpx;
    }
  }

}